<script setup>
defineProps({
  imageUrl: {
    type: String,
    default: ''
  }
});
</script>

<template>
  <div class="bg-white rounded-xl shadow-sm p-6 min-h-[500px] flex flex-col">
    <h2 class="text-xl font-semibold mb-4 text-gray-800">分析结果</h2>
    <div class="flex-1 flex items-center justify-center">
      <div v-if="imageUrl" class="w-full h-full flex items-center justify-center">
        <img
            :src="imageUrl"
            alt="Analysis Result"
            class="max-h-[350px] w-auto rounded-lg shadow-md"
        />
      </div>
      <div v-else class="text-gray-400">
        <p>上传图片查看分析结果</p>
      </div>
    </div>
  </div>
</template>